<template>
	<view class="">
		<view class="uni-comment-list" :class="{'u-comment-list-child': item.fid}">
			<view class="uni-comment-face"><image :src="item.userpic" mode="widthFix"></image></view>
			<view class="uni-comment-body">
				<view class="uni-comment-top">
					<text>{{item.username}}</text>
				</view>
				<view class="uni-comment-content">{{item.data}}</view>
				<view class="uni-comment-date">
					<view>{{item.time}}</view><view class="uni-comment-replay-btn">5回复</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			item:Object,
			index:Number
		}
	}
</script>

<style scoped>
	
	.u-comment-list-child {
		margin:0;
		margin-left:70upx;
		padding:20upx;
		background: #F4F4F4;
		border-bottom: 1upx solid #F4F4F4;
		box-sizing: border-box;
		width:auto;
	}
	.u-comment-title {
		padding: 0 20upx;
		font-size: 40upx;
		font-weight: bold;
	}
</style>
